<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			button[disabled]{
				color: red;
			}
			input[type="password"]{
				border-color: red;
				outline: none;
				
			}
			/* p[class*="e"]{
				color: red;
			} */
			/* p[class^="zhang"]{
				background-color: yellow;
			}
			p[class$="n"]{
				color: blue;
			}
			ul li:first-child{
				color: pink;
			}
			ul li:last-child{
				color: blue;
			}
			ul li:nth-child(2){
				color: aqua;
			}
			ul li:nth-child(3){
				color: yellow;
			}
			ul li:nth-child(2n){
				/* 偶数 */
			/* 	background-color: chartreuse;
			}
			ul li:nth-child(2n+1){
				/* 奇数 */
			/* 	background-color: orange;
			}
			ul li:nth-child(5n){
				font-weight: bold;
				background-color: red;
			}
			ul li:nth-child(odd){
				font-size: 40px;
			}
			ul li:nth-child(even){
				font-size: 40px; */
				/* text-align: center; */
			/* } */ 
			ul li::before{
				content: "who are you?";
				color: red;
				/* display: block; */
			}
			ul li::after{
				/* content: "wangsi"; */
				content: "";
				/* color: red; */
				display: block;
				width: 200px;
				height: 200px;
				background-image: url(../day05/img/5.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%; 
			}
		</style>
	</head>
	<body>
		<button disabled>前成</button>
		<button disabled>王杰</button>
		<button>张波</button>
		<button>卢辉</button>
		<input type="text">
		<input type="password">
		<input type="password">
		<p class="qiancheng">前成</p>
		<p class="wangjie">王杰</p>
		<p class="zhangbo">张波</p>
		<p class="zhangzixuan">张紫璇</p>
		<p class="tiananmen">天安门</p>
		<ul>
			<li>前成</li>
			<li>王杰</li>
			<li>张波</li>
			<li>张紫璇</li>
			<li>卢辉</li>
			<li>王涛</li>
			<li>前成</li>
			<li>王杰</li>
			<li>张波</li>
			<li>张紫璇</li>
			<li>卢辉</li>
			<li>王涛</li>
			<li>前成</li>
			<li>王杰</li>
			<li>张波</li>
			<li>张紫璇</li>
			<li>卢辉</li>
			<li>王涛</li>
		</ul>
	</body>
</html>